<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>layPage快速使用</title>
    <link rel="stylesheet" href="./libs/layui/css/layui.css">
    <script src="./libs/layui/layui.all.js"></script>
</head>

<body>

    <div id="test1"></div>

    <script>
        layui.use('laypage', function () {
            var laypage = layui.laypage;
            //执行一个laypage实例
            laypage.render({
                elem: 'test1',//注意，这里的 test1 是 ID，不用加 # 号
                count: 50,//数据总数，从服务端得到
                // 页容量
                limit: 8,
                // 初始化第二页的高亮
                curr: 2,
                // jump:触发时机：初加载分页组件和点击切换时
                jump: function (obj, first) {
                    //obj包含了当前分页的所有参数，比如：
                    console.log(obj);
                    //首次不执行，切换时才执行
                    if (!first) {
                        console.log('要执行的代码在这里');
                    }
                }
            });
        });
    </script>
</body>

</html>